<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

#{stylesheet 'main.css' /}
#{stylesheet 'jquery-ui/jquery-ui.css' /}
#{stylesheet 'jquery.dataTables.css' /}
#{stylesheet 'jHtmlArea.css' /}
	
#{script 'jquery-1.6.4.min.js' /}
#{script 'jquery-ui.js' /}
#{script 'jquery.dataTables.min.js' /}
#{script 'jHtmlArea-0.7.0.min.js' /}  

#{script 'RTU/common.js' /}
#{script 'RTU/notifications.js' /}
#{script 'RTU/crud.js' /}

<title>RTU Area</title>
</head>

<body>

	<script type="text/javascript">
		var delCollab = #{jsAction @delCollab(':collaboratorID') /};
		var delClient = #{jsAction @delClient(':clientID') /};
	</script>

	<div id="header">
		#{header user:user /}
	</div>
	
	<div id="collaborators_display">
		#{RTU/RTUCollaborator mode:'display', collaborators:collaborators, tools:tools/}
		<input type="submit" id="addCollab" onclick="javascript:showAddCollaborator()" value="Ajouter un collaborateur"/>
	</div>
	
	<div id="add_collaborator" class="hidden">
		#{RTU/RTUCollaborator mode:'add', collaborators:collaborators/}	
	</div>
	
	<div id="notificationForm" class="hidden"></div>

	<br /> 	
	<div id="clients">
		<div>
			#{RTU/RTUClient mode:'display', clients:clients /}
			<input id="add_client_bt" type="submit"
							onclick="javascript:showAddClient()" value="Ajouter un client" />
		</div>
		<div id="add_client_panel" class="hidden">
				#{RTU/RTUClient mode:'add', clients:clients/}
		</div>
		<div id="update_client_panel" class="hidden">
				#{RTU/RTUClient mode:'edit', clients:clients/}
		</div>
	</div>
	
	<div id="footer">
		#{footer /}
	</div>
</body>
</html>